Le but de ce chapitre est de se familiariser avec plusieurs formes vectorielles simples et de les dessiners sur un canva

Ce troisème exercice reprend le deuxième mais en adaptant le canvas à l'écran de l'utilisateur. Dans tout cet exercice le terme "fenêtre" se réfère à la taille de la fenêtre du navigateur de l'utilisateur. Il vous est demandé de faire le travail suivant :

  1. Créer un canvas de la taille de celle de la fenêtre (prendre 95% de la taille de la fenêtre pour prendre en compte les sliders)
  2. Dessiner un disque bleu au centre du canvas de rayon : 1/5 du plus petit entre la largeur et la hauteur de la fenêtre
  3. Dessiner un rectangle noir rempli en haut à gauche du canvas de hauteur 100 pixels et de largeur 50 pixels si la largeur de l'écran est plus petite que la hauteur
  4. Dessiner un carré rouge rempli de côté 50 pixels juste à droite du rectangle noir
  5. Dessiner une ligne jaune traversant tout le canvas en diagonale (haut-gauche / bas-droite) d'épaisseur 5 pixels. La ligne doit être au-dessus des autres dessins
  6. Dessiner une ligne verte traversant tout le canvas en diagonale (haut-gauche / bas-droite) d'épaisseur 5 pixels. La ligne doit être en-dessous des autres dessins